<!--
 * @Description: 外部链接
 * @Author: liu (1427179517@qq.com)
 * @Date: 2022-01-16 18:15:08
 * @LastEditors: liu (1427179517@qq.com)
 * @LastEditTime: 2022-01-18 20:12:55
 * @FilePath: \xiangmu-app\src\subPages\other\webView.vue
-->
<template>
  <div class="page">
    <div class="page-header"></div>
    <div class="page-content u-p-0">
      <web-view :src="url" :progress="false"></web-view>
    </div>
    <div class="page-footer"></div>
    <u-no-network></u-no-network>
  </div>
</template>

<script>
export default {
  name: '', // 页面名称
  components: {}, // 挂载组件
  props: {}, // 组件传值
  data() {
    return {
      url: '',
    }
  },
  computed: {}, // 计算机属性 类似与data概念
  watch: {}, // 监控data中数据变化
  created() {}, // 生命周期-创建完成(可以访问当前this实例)
  mounted() {}, // 生命周期-挂载完成(可以访问DOM元素)
  methods: {}, // 挂载一些方法
  onLoad(options = {}) {
    console.log('web', options)
    const { url, type } = options
    switch (type) {
      case 'recommend':
        uni.setNavigationBarTitle({
          title: '更多推荐',
        })
        break
      case 'authentication':
        uni.setNavigationBarTitle({
          title: '运营商认证',
        })
        break

      default:
        break
    }
    if (url) {
      this.url = decodeURIComponent(url)
    }
  }, // 生命周期回调—监听页面加载
  onShow() {}, // 生命周期回调—监听页面显示
  onReady() {}, // 生命周期回调—监听页面初次渲染完成
  onHide() {}, // 生命周期回调—监听页面隐藏
  onUnload() {}, // 生命周期回调—监听页面卸载
}
</script>

<style lang="scss" scoped>
.page-content {
  width: 100%;
}
</style>
